<template>
  <div>
    搜索品牌
    <!-- <componentA> </componentA> -->
    <!-- <componentB> </componentB> -->
    <!-- <h2>vuex 数据{{$store.}}}</h2> -->
    <input type="text" placeholder="输入内容" v-model="zhi" />
    <h1>
      {{ $store.state.vuexNew }}
    </h1>
    <componentC> </componentC>
    <componentD> </componentD>

    <button @click="xiugai">修改</button>
  </div>
</template>
<script>
// import broA from "./8-23mor2.vue";
// import broB from "./8-23mor3.vue";
import broC from "./8-24mor1.vue";
import broD from "./8-24mor2.vue";

export default {
  components: {
    // componentA: broA,
    // componentB: broB,
    componentC: broC,
    componentD: broD,
  },
  data() {
    return {
      zhi: "",
    };
  },
  methods: {
    xiugai() {
      this.$store.state.vuexNew = this.zhi;
      this.$$store.state.vuexNew2 = this.zhi + this.zhi;
    },
  },
};
</script>

